$directionList: left right top bottom;
@mixin inputBorder($width, $color:rgb(65, 178, 102),$type:solid) {
  @for $i from 1 through 4 {
    $currentDirection: nth($directionList, $i);
    @if $currentDirection == left {
      border-left: ($width + 4px) $color $type !important;
    } @else {
      border-#{$currentDirection}: $width $color $type !important;
    }
  }
}

@mixin boxShadow($color){
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px $color !important;
}

//@function inputSucceedBorder($width, $color:rgb(65, 178, 102),$type:solid){
//  @return  $width $color $type;
//}